// 
//  loading.music.js
//  <project>
//  
//  Created by Administrator on 2015-09-01.
//  Copyright 2015 Administrator. All rights reserved.
// 

function createIndexAudio(b) {
	var audioEl = document.createElement("audio");
	audioEl.src = 'images/bgm.mp3';
	audioEl.preload = "load";
	audioEl.loop = "loop";
	audioEl.id = "bgMusic";
	document.body.appendChild(audioEl);

	function forceSafariPlayAudio() {
		audioEl.load(); // iOS 9   还需要额外的 load 一下, 否则直接 play 无效
		audioEl.play(); // iOS 7/8 仅需要 play 一下
	}

	// 可以自动播放时正确的事件顺序是
	// loadstart
	// loadedmetadata
	// loadeddata
	// canplay
	// play
	// playing
	// 
	// 不能自动播放时触发的事件是
	// iPhone5  iOS 7.0.6 loadstart
	// iPhone6s iOS 9.1   loadstart -> loadedmetadata -> loadeddata -> canplay
	audioEl.addEventListener('loadstart', function() {}, false);
	audioEl.addEventListener('loadeddata', function() {}, false);
	audioEl.addEventListener('loadedmetadata', function() {}, false);
	audioEl.addEventListener('canplay', function() {}, false);
	audioEl.addEventListener('play', function() {
		// 当 audio 能够播放后, 移除这个事件
		window.removeEventListener('touchstart', forceSafariPlayAudio, false);
	}, false);
	audioEl.addEventListener('playing', function() {}, false);
	audioEl.addEventListener('pause', function() {}, false);

	if (b) {
		// 由于 iOS Safari 限制不允许 audio autoplay, 必须用户主动交互(例如 click)后才能播放 audio,
		// 因此我们通过一个用户交互事件来主动 play 一下 audio.
		window.addEventListener('touchstart', forceSafariPlayAudio, false);
		
		// Android pc 可以自动播放
		audioEl.play();
	}
}

$musicIsPlay = true; //音乐是否播放
//音乐控制
function SwitchMusic() {
	if ($musicIsPlay == false) {
		Continue(); //继续播放
	} else {
		Pause();  //暂停
	}
}

//播放事件
function Play() {
	$("#imgMusicBtn").addClass("rotateAm");
	var audioEl = document.getElementById("bgMusic");
	$musicIsPlay = true;
	audioEl.play();
}

//暂停事件
function Pause() {
	$("#imgMusicBtn").removeClass("rotateAm");
	var audioEl = document.getElementById("bgMusic");
	$("#PauseTime").val(audioEl.currentTime);
	$musicIsPlay = false;
	audioEl.pause();
}

//继续播放事件
function Continue() {
	$("#imgMusicBtn").addClass("rotateAm");
	var audioEl = document.getElementById("bgMusic");
	audioEl.startTime = $("#PauseTime").val();
	$musicIsPlay = true;
	audioEl.play();
}